.add-btn {
    width: 100%;
    margin-bottom: 20px;
}

.row-content-collapse {
    border: none;
    ::v-deep(.el-collapse-item) {
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
        border: 1px solid var(--edit-border-color);
        &.draggable-handle {
            .el-collapse-item__header {
                cursor: move;
            }
        }
        & + .el-collapse-item {
            margin-top: 10px;
        }
        .el-collapse-item__header {
            font-size: 14px;
            background-color: var(--edit-custome-background-color);
            border-bottom: 1px solid var(--edit-border-color);
            color: var(--edit-text-color-primary);
            padding-left: 40px;
            position: relative;
            background-color: inherit !important;
            border-bottom-color: transparent !important;
            &.is-active {
                border-bottom: 1px solid var(--edit-border-color) !important;
            }
            .el-collapse-item__arrow {
                position: absolute;
                left: 12px;
            }
        }
        .el-collapse-item__wrap {
            background-color: inherit;
            .el-collapse-item__content {
                color: var(--edit-text-color-primary);
                font-size: 14px;
                padding: 20px 16px;
            }
        }
    }
}

.header-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 15px;
    .left-wrap {
        flex: 1;
        width: 0;
        padding-right: 3px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .right-wrap {
        display: flex;
        align-items: center;
        ::v-deep(.btn-icon) {
            font-size: 16px;
            cursor: pointer;
            & + .btn-icon {
                margin-left: 10px;
            }
        }
    }
}